<template>
  <div class="latlng">
    <!-- <iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no" src="https://apis.map.qq.com/tools/geolocation?key=3RYBZ-VUH64-OMAUV-DINDX-ONOQ6-RMBWK&referer=定位">
    </iframe> -->
  </div>
</template>



<script>
import axios from 'axios'
import global from '../../utils/global'
import store from '../../utils/store'
import wx from 'weixin-js-sdk'
export default {
  name: 'latlng',
  data () {
    return {
      // tabLocation: 0,
    }
  },
  mounted(){
    // this.updateLngLat();
    this.getInfo();
  },
  methods: {
    // updateLngLat(){
    //   window.addEventListener('message', function(event) {
    //     // 接收位置信息
    //     var location = event.data;
    //     // that.loc = event.data;
    //     console.log('location', location);
    //     if (location){
    //       axios.get(global.api.user.latlng,{
    //         params: {
    //           uuid: localStorage.getItem('carWashUuid'),
    //           lat: location.lat,
    //           lng: location.lng,
    //         }
    //       })
    //       .then(function(res){
    //         console.log("updateLngLat then");
    //         console.log(res);
    //       })
    //       .catch(function(res){
    //         console.log("updateLngLat catch");
    //         console.log(res);
    //       })           
    //     }
    //   }, false);      
    // },
    getInfo(){
      var that = this;
      var pathUrl = window.location.href;
      // that.test = pathUrl;
      pathUrl = Base64.encode(pathUrl);
      axios.get(global.api.user.jssdk,{
        params: {
          uuid: localStorage.getItem('carWashUuid'),
          url: pathUrl,
        }
      })
      .then(function(res){
        console.log("getJssdk then");
        console.log(res);
        // that.jssdk = res.data.content;
        wx.config({
          debug: false,
          appId: res.data.content.appId,
          timestamp: res.data.content.timestamp,
          nonceStr: res.data.content.nonceStr,
          signature: res.data.content.signature,
          jsApiList: ['chooseImage','uploadImage','getLocation']
        });
        wx.ready(function(res){
          wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
            success: function (res) {
              // var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
              // var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
              // var speed = res.speed; // 速度，以米/每秒计
              // var accuracy = res.accuracy; // 位置精度

              // alert(res.latitude);

              axios.get(global.api.user.latlng,{
                params: {
                  uuid: localStorage.getItem('carWashUuid'),
                  lat: res.latitude,
                  lng: res.longitude,
                }
              })
              .then(function(res){
                console.log("===================上传地址 then======================");
                console.log("上传地址 then");
                console.log(res);
                if (res.data.error == 0) {
                  sessionStorage.setItem('judge', '0');
                }
                // alert("上传地址成功！");
                // alert(Json.stringfy(res));

                // alert("地址上传成功");
                // alert(res.config.params.lat+ "&&&" +res.config.params.lng);
              })
              .catch(function(res){
                console.log("====================上传地址 catch=====================");
                console.log("上传地址 catch");
                // alert("上传地址成功！失败");
              })  
            }
          });
        });
        wx.error(function(res){
          console.log(res);
          console.log("===================上传地址 error======================");
          // alert("上传地址成功！error");
        })
      })
      .catch(function(res){
        console.log(res);
      })
    },
  }
}
</script>



<style scoped>
  .latlng{display: none;}  
</style>
